﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Uprightness 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20130920

-->
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />

<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->

</head>
<body class="fb">
<div id="header-wrapper">
	<div id="header" class="container">
		<div id="logo">
		  <h1>Question: How do you do?
          How do you do?
          </h1>
			<p> <span style="float:right;color:red;" id="countdownE"></span></div></td></tr>
            <script type="text/javascript">
                var minutes, seconds, seconds_left = <%= timeLeft%>
                var countdownE = document.getElementById("countdownE");



                var refreshIntervalId = setInterval(intervalFun, 1000);


                function intervalFun() {

                    minutes = parseInt(seconds_left / 60);
                    seconds = parseInt(seconds_left % 60);
                    countdownE.innerHTML = "剩餘時間 : "+((minutes < 10) ? "0" : "") + minutes + " : " + ((seconds < 10) ? "0" : "") + seconds;
                    if (seconds_left == 0) {
                        clearInterval(refreshIntervalId);
                        alert("時間到!!")
                    }
                    seconds_left--;
               

                }

</script></p>
		</div>
	</div>
</div>
<div id="featured"></div>
<div id="wrapper">
  <div id="page" class="container">
    <div align="left" >
      <table width="1184" border="0" rules="cols" valign="top">
        <tr>
          <th width="176" valign="top" scope="col"><div id="sidebar">
            <h2 align="left">Online:</h2>
            <p align="left">Diamond Hung<br />
              Mike<br />
              Pam<br />
              </p>
          </div></th>
         
          <th width="967" align="right" valign="top" scope="col">
          <div id="content" align="left">
           
           <table border="0" width=967>
  <tr>
    <td width="961" class="all"><div id="type" align="left" class="fb">在想些什麼</div></td>
  </tr>
</table>

           
           <p>&nbsp;</p>
           <div id="post" align="left">
             <table width="967" border="0">
               <tr valign="top">
                 <th width="90" height="80"  scope="col"><img src="icon.jpg" width="90" height="80"/></th>
                 <th width="867" scope="col"  align="left">
                 <table  border="0">
                   <tr>
                     <th width="856" scope="col">
                     <div id="post-name" align="left" class="fb">
                     diamond Hung
                     </div>
                     </th>
                   </tr>
                   <tr>
                     <td>
                     <div id="post-cont" align="left" class="fb">
                     內容
                     內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內</div>
                     </td>
                   </tr>
                   <tr>
                     <td>
                     <div id="post-cont" align="left" class="fb">
                     讚. 留言.分享.時間</div>
                     <p>&nbsp;</p>
                     </td>
                   </tr>
                 </table>
                 </th>
               </tr>
               <tr valign="top">
                 
               </tr>
               <tr valign="top">
                 
               </tr>
               <tr valign="top">
                 
               </tr>
             </table>
            
           </div>
           
           
           
           <div id="reply" class="reply" align="left">
             <table width="600"border="0">
               <tr>
                 <th width="600" scope="col">
                  <table width="600" border="0" align="left">
                   <tr>
                     <td>
                     <div id="replyt-cont" class="" align="left">
                         <input type="text" id="content" width="450"/><input type="button" value="儲存" />
                     </div>
                     </td>
                   </tr>
                 </table></th>
               </tr>
             
             </table>
           </div>
           
           <div id="reply" align="left">
             <table width="870" border="0">
               <tr>
                 <th width="80" scope="col" valign="top"><img src="icon.jpg" width="90" height="80"/></th>
                 <th width="780" scope="col">
                 <div id="type" align="left" class="fb">
                     回覆的內容
                     </div>
                 </th>
               </tr>
             </table>
           
           </div>

            
          </div></th>
        </tr>
      </table>
    </div>
  </div>
</div>
<div id="copyright" class="container"></div>
</body>
</html>
